<template>
  <mt-popup v-model="popupVisible" position="right" :modal="false" style="width:100%;height:100%;">
    <div class="page store-compare">
      <div class="scroll-view">
        <customHeader middleTitle="门店对比" @leftCallBack="popupHide" />
        <div class="page-body">
          <storeCompareComponent :filterData="filterParam" :visible="popupVisible"/>
        </div>
      </div>
    </div>
  </mt-popup>
</template>

<script>
import Vue from "vue";
import customHeader from "../../components/header/header";
import storeCompareComponent from "../../components/storeCompareComponent/storeCompareComponent";
export default {
  name: "storeCompare",
  data() {
    return {
	  popupVisible: false,
	  filterParam:this.filterData
    };
  },
  props: {
    filterData: {
      type: Object
    },
  },
  methods: {
    popupShow() {
      this.popupVisible = true;
      this.filterParam=this.filterData;
    },
    popupHide() {
	    this.popupVisible = false;
    },
  },
  watch: {
    filterData(v){
      if(this.popupVisible){
        this.filterParam=v;
      }
      
    },
  },
  components: {
    customHeader,
    storeCompareComponent,
  }
};
</script>
<style lang='scss' scoped>
@import "storeCompare";
</style>
